<template>
<!--    导航组件-->
    <div class="tab">
        <el-menu
            class="el-menu-demo"
            mode="horizontal"
            :default-active="$route.path"
            router
        >
            <el-menu-item index="/recommend">推荐</el-menu-item>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <el-menu-item index="/singer">歌手</el-menu-item>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <el-menu-item index="/list">排行</el-menu-item>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <el-menu-item index="/search">搜索</el-menu-item>
        </el-menu>
    </div>
</template>

<script>
export default {
    name: 'tab',

    data(){
        return{

        }
    }
}
</script>

<style scoped>
.hj{
    color: #adff2f
}
.el-menu{
    bottom: 0;
    width: 100%;
}
.el-menu-item{
    width: 23%;
    font-weight: bolder;
}
</style>
